diff options
| author | secondl1ght <[email protected]> | 2022-09-24 22:20:18 -0600 |
|---|---|---|
| committer | secondl1ght <[email protected]> | 2022-09-24 22:20:18 -0600 |
| commit | f4dead26c92e2ef6be45af0eb56d12bb3a00d983 (patch) | |
| tree | 41048b6b097d90e01c696213789ea7f2bdabda05 /src/routes/[username]/settings | |
| parent | fb264d8f09662f1acd8141ae0ee6d2e08cb011fe (diff) | |
| download | coinos-ui-f4dead26c92e2ef6be45af0eb56d12bb3a00d983.tar.gz coinos-ui-f4dead26c92e2ef6be45af0eb56d12bb3a00d983.zip | |
lots of style updates after design review, bug fixes, and more improve
Diffstat (limited to 'src/routes/[username]/settings')
| -rw-r--r-- | src/routes/[username]/settings/+page.svelte | 14 | ||||
| -rw-r--r-- | src/routes/[username]/settings/_account.svelte | 3 | ||||
| -rw-r--r-- | src/routes/[username]/settings/_security.svelte | 11 |
3 files changed, 17 insertions, 11 deletions
diff --git a/src/routes/[username]/settings/+page.svelte b/src/routes/[username]/settings/+page.svelte index e3acc93c..978f537a 100644 --- a/src/routes/[username]/settings/+page.svelte +++ b/src/routes/[username]/settings/+page.svelte @@ -37,8 +37,8 @@ <AppHeader /> -<form on:submit|preventDefault={save} class="mb-28"> - <div class="my-20 px-3 md:px-0 w-full md:w-[400px] mx-auto space-y-8"> +<form on:submit|preventDefault={save} class="mb-[154px]"> + <div class="mt-24 mb-20 px-3 md:px-0 w-full md:w-[400px] mx-auto space-y-8"> <h1 class="text-center text-3xl md:text-4xl font-semibold mb-10"> {$t('user.settings.header')} </h1> @@ -55,9 +55,13 @@ <svelte:component this={comp} /> </div> - <div class="z-10 fixed bottom-0 bg-white shadow border w-full"> - <button type="submit" class="primary"> - <Icon icon="save" style="mr-1" /> + <div + class="z-10 fixed bottom-0 bg-white shadow border-t w-full flex justify-center items-center py-3" + > + <button + type="submit" + class="bg-black text-white rounded-xl font-semibold mx-auto py-3 w-40 hover:opacity-80" + > <div class="my-auto">Save Settings</div> </button> </div> diff --git a/src/routes/[username]/settings/_account.svelte b/src/routes/[username]/settings/_account.svelte index dbaea87e..ff7676f4 100644 --- a/src/routes/[username]/settings/_account.svelte +++ b/src/routes/[username]/settings/_account.svelte @@ -213,6 +213,7 @@ {/if} </div> +<!-- TODO <div> <span class="font-bold mb-1 block">{$t('user.settings.theme')}</span> <p class="text-secondary mb-1">{$t('user.settings.themeDescription')}</p> @@ -226,4 +227,4 @@ on:click={() => handleThemeClick(colors)} /> {/each} -</div> +</div> --> diff --git a/src/routes/[username]/settings/_security.svelte b/src/routes/[username]/settings/_security.svelte index b74193cf..1b8fb125 100644 --- a/src/routes/[username]/settings/_security.svelte +++ b/src/routes/[username]/settings/_security.svelte @@ -36,7 +36,7 @@ toggleEnabling(); } } catch (e) { - failure('Failed to enable 2fa, try again'); + failure('Failed to enable 2FA, try again'); } }; @@ -50,13 +50,14 @@ toggleDisabling(); } } catch (e) { - failure('Failed to disable 2fa, try again'); + failure('Failed to disable 2FA, try again'); } }; $: otpUri = `otpauth://totp/coinos:${$user.username}?secret=${$user.otpsecret}&period=30&digits=6&algorithm=SHA1&issuer=coinos`; </script> +<!-- TODO <div> <span class="font-bold mb-1">{$t('user.settings.securityPIN')}</span> <p class="text-secondary mb-1"> @@ -80,9 +81,9 @@ ><Icon icon="lock" style="mr-1" /> {$t('user.settings.setPIN')}</button > {/if} -</div> +</div> --> -<!-- TODO --> +<!-- TODO <div> <label for="auto-lock" class="font-bold mb-1">{$t('user.settings.autoLock')}</label> <p class="text-secondary mb-1"> @@ -95,7 +96,7 @@ <option value="60">1 h</option> <option value="480">8 h</option> </select> -</div> +</div> --> <div> <span class="font-bold mb-1">{$t('user.settings.twofa')}</span> |